﻿* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body,
html {
	width: 100%;
	height: 100%;
	background-color: #c7000b;
	overflow: hidden;
}

img {
	width: 100%;
	pointer-events: none;
}

div {
	/*line-height: 0;*/
}

a {
	text-decoration: none;
	color: #A10E00;
}

.top {}

.top .top-logo {
	width: 0.84rem;
	height: 0.81rem;
	position: absolute;
	top: 0;
	left: 0.7rem;
	background: url("../img/logo.png");
	background-size: 100% 100%;
}

.top .top-theme {
	width: 1.40rem;
	height: 0.40rem;
	position: absolute;
	left: 4.8rem;
	top: 0.25rem;
	background: url("../img/theme.png");
	background-size: 100% 100%;
}

.top .top-title {
	width: 3.38rem;
	height: 2.38rem;
	position: absolute;
	left: 1.51rem;
	top: 0.14rem;
	background: url("../img/title2.png");
	background-size: 100% 100%;
}

.top .top-btnBack {
	width: 0.93rem;
	height: 0.40rem;
	position: absolute;
	left: 0.36rem;
	top: 0.97rem;
	background: url("../img/closeBtn.png");
	background-size: 100% 100%;
}

.bottom {}

.bottom .bottom-logo {
	width: 3.08rem;
	height: 0.68rem;
	position: absolute;
	left: 1.66rem;
	bottom: 2%;
	background: url("../img/bottom_logo.png");
	background-size: 100% 100%;
}

.bottom .bottom-logo2 {
	width: 3.08rem;
	height: 1.38rem;
	position: absolute;
	left: 1.66rem;
	bottom: 2%;
	background: url("../img/bottom_logo2.png");
	background-size: 100% 100%;
}

.right_items {
	position: absolute;
	right: 0;
	top: 0.95rem;
	display: inline-block;
}

.right_items .item {
	width: 1.27rem;
	height: 0.43rem;
	background: url(../img/right_btn.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	line-height: 0.37rem;
	text-align: left;
	text-indent: 0.3rem;
	margin-bottom: 0.15rem;
	color: #A10E00;
}

.btns {
	width: 100%;
	text-align: center;
}

.btn {
	text-align: center;
	color: #A10E00;
}

.btn.btn-middle {
	width: 1.61rem;
	height: 0.48rem;
	background: url(../img/btn_bg.png) no-repeat;
	background-size: 100% 100%;
	line-height: 0.41rem;
	font-size: 0.22rem;
	display: inline-block;
}


/*.btn.btn-back {
        width: 1.41rem;
        height: 0.42rem;
        background: url(../img/btn_bg.png) no-repeat;
        background-size: 100% 100%;
        line-height: 0.37rem;
        font-size: 0.18rem;
    }*/


/*.btn.btn-back a { 
            z-index: 11;
            display: inline-block;
            text-decoration: none;
        }*/

.hhtable {
	width: 5.1rem;
	margin: 0.2rem auto;
	border: 2px solid #333;
	/*padding: 0.05rem;*/
	background-color: rgba(255, 255, 255, 0.8);
}

.hhtable .hhtable-content {
	margin: 0.05rem;
	overflow-y: auto;
	position: relative;
	height: 3rem;
	border: 1px solid #333;
}

.hhtable table {
	border-collapse: collapse;
	width: 100%;
}

.hhtable thead td {
	height: 0.4rem;
	line-height: 0.4rem;
	border: 1px solid #333;
	background-color: #2d7472;
	color: #fff;
	font-size: 0.2rem;
	vertical-align: middle;
}

.hhtable tbody td {
	width: 1rem;
	height: 0.4rem;
	line-height: 0.4rem;
	border: 1px solid #333;
	border-top: 0;
	font-size: 0.14rem;
}

.hhtable .hhtable-header {
	border-bottom: 0;
	position: sticky;
	top: 0;
	left: 0;
	    z-index: 11;
}

.hhtable .hhtable-body {
	border-top: 0;
	overflow-y: scroll;
}